<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			*{font-family:宋体;font-size:12px;color:#000;margin:0px;padding:0px;}
			a{text-decoration:none;}
			li{list-style:none;}
			img{border:0px;}
			
			.big{width:346px;height:400px;border:1px solid #d1d1d1;margin:50px 50px;}
			.top{height:38px;}
			.top p{color:#999;line-height:38px;text-align:center;background:url("img/01.png") no-repeat 20px 12px #fff8f0;}
			.center1{height:56px;text-align:center;border:0px solid red;}
			.center1 a{line-height:55px;font-size:20px;font-weight:bold;font-family:黑体;padding:13px;}
			.center2{height:240px;border:1px solid #d1d1d1;border-left:nones;border-right:none;border-bottom:none;}
			.center2 div{text-align:center;margin:30px 10px;}
			.center2 div login{width:136px;}
			.center2 a{float:right;margin:0px 25px;margin-top:-7px;}
			.center2 button{width:300px;height:37px;line-height:37px;font-size:20px;color:#ffffff;background-color:red;font-weight:bold;font-family:黑体;margin:15px 23px;}
			.bottom{width:346px;height:64px;background-color:#fafafa;}
			.bottom a{height:64px;line-height:64px;font-size:14px;}
			
		</style>
	</head>
	<body>
		<div class="big">
			<div class="top">
				<p>京东不会以任何理由要求你转账汇款，谨防诈骗。</p>
			</div>
			<div class="center1">
				<a href="#">扫码登录</a>
				<a>|</a>
				<a href="#" style="color:red;">账户登录</a>
			</div>
			<div class="center2">
				<div style="background:url(img/02.png) no-repeat left;padding:0px 45px;"><input type="text" class="login" style="line-height:20px;font-size:26px;" placeholder="邮箱/用户名/手机号" /></div>
				<div style="background:url(img/03.png) no-repeat left;padding:0px 45px;"><input type="password" class="login" style="line-height:20px;font-size:26px;" placeholder="密码" /></div>
				<a href="#">忘记密码</a>
				<button>登&emsp;录</button>
			</div>
			<div class="bottom">
				<a href="#" style="background:url(img/04.png) no-repeat left;margin-left:20px;">QQ</a>
				<a>|</a>
				<a href="#" style="background:url(img/05.png) no-repeat left center;margin-left:20px;">微信</a>
				<a href="#" style="background:url(img/06.png) no-repeat left center;margin-left:20px;">立即注册</a>
			</div>
		</div>
	</body>
</html>
